<template>
  <div class="main">
    <div class="title">快 捷 键 设 置</div>
    <div class="content">

        <el-table :data="keyTableData" style="width: 100%">
          <el-table-column type="index" min-width="10"> </el-table-column>
          <el-table-column prop="keyValue" label="键值" min-width="30">
          </el-table-column>
          <el-table-column prop="function" label="功能" min-width="30">
          </el-table-column>
          <el-table-column prop="visual" label="显示名称">
          </el-table-column>
        </el-table>

    </div>
    <div class="buttons">
      <button @click="modifyKey">修 改 功 能</button
      ><button @click="renameKey">修 改 名 称</button>
      <button @click="deleteKey">删 除 功 能</button>
      <button @click="returnBack">返 回</button>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute();
const returnBack = () => {
  router.push({ path: "/sheZhi", query: { data: "keyboard" } });
};
const keyTableData=ref([
    {
        keyValue:'快捷键一',
        function:'未设置',
        visua
        
        
        
         :'快捷键一'
    },
    {
        keyValue:'快捷键二',
        function:'未设置',
        visual:'快捷键二'
    }
])
const modifyKey=()=>{
    router.push('/Keyboard_detail')
}
</script>
<style scoped>
@import url('./general_settingJumpless/Keyboard_Setting.less');
</style>
